<!-- The view to manage medicine usage status of a specific department -->
<script src="{$base_dir}modules/dept_medicine/js/AJAX_Medicine.js" type="text/javascript" ></script>
<script type="text/javascript">
{literal}
$(document).ready(function() {
	$('#listMedicineUsgStatusBtn').click(function() {
		listMedicineUsgStatus();
	});
});
{/literal}
</script>
<div>
    <h3>{translate}Department{/translate}&nbsp;{$deptName}</h3>
    <!-- Filter to search medicine usage status -->
    <table>
        <tr>            
            <td>{translate}Medicine type{/translate}</td>
            <td>
                <select name='medicineTypeLbx' id='medicineTypeLbx' onChange="javascript:getMedicineNames(true);">
                    <option id='all' value='all'>{translate}All{/translate}</option>
                    {html_options options=$medTypes}                    
                </select>
            </td>
            <td>{translate}Medicine name{/translate}</td>
            <td>
                <select name='medicineNameLbx' id='medicineNameLbx'>
                    <option id='all' value='all'>{translate}All{/translate}</option>                    
                </select>
            </td>
            <td class="btn" width="100px">
                <div>
                    <a class='imgBtn'>
                        <img id='listMedicineUsgStatusBtn' title='{translate}List{/translate}' src="../images/search.png"/>
                    </a>
                </div>
            </td>            
        </tr>               
    </table>
    <!-- List of medicine usage status -->
    <table id='medicineUsgStatusTbl' cellspacing='0' cellpadding='0' class='grid' style='max-width:70em; min-width=40em'>             
        <thead>
            <tr>
                <th class="first">{translate}Medicine type{/translate}</th>
                <th>{translate}Medicine name{/translate}</th>
                <th>{translate}Quantity title{/translate}</th>
                <th>{translate}Issue number{/translate}</th>
                <th>{translate}Used number{/translate}</th>
                <th>{translate}Remain number{/translate}</th>
                <th class="last">{translate}Date{/translate}</th>                
            </tr>
        </thead>
        <tbody>        
        </tbody>
    </table>
</div>

<div id="updateMedUsgStatusDialog" style="display: none;" title="{translate}Update medicine usage status{/translate}"></div>
